@charset "utf-8";
@import url("fonts.css");
*{ /*font-family: Arial, \5B8B\4F53, sans-serif;*/ font-family: '微軟正黑體', 'Microsoft JhengHei', 'MsJhengHei', \5FAE\8F6F\96C5\9ED1, sans-serif; /* "FuturaStd",  */}
body,span,li,dt,dd,div,td,th,p,code,pre,input{font-size:16px;font-family: "Microsoft Yahei";}
body,span,h1,h2,h3,h4,h5,h6,a,dl,dt,dd,ol,ul,li,em,img,strong,fieldset,form,label,legend,input,address,code,blockquote,pre,applet,object,iframe{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6,blockquote{/*line-height:100%;font-weight:normal*/}
dl,dt,dd,ol,ul,li{list-style:none;margin:0}
img{display:inline-block;vertical-align:middle;-ms-interpolation-mode:bicubic}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,cite{display:block}
cite,s,i,u{ font-style:normal; text-decoration:none;}
/*Reset hyperlink styles */
a{ color:black; text-decoration:none; outline:none; transition: .5s; -webkit-transition: .5s;  hide-focus:expression(this.hideFocus=true); zoom:1;}
a:hover{ color:#ff0044; text-decoration:none;}
.clear{ clear:both; overflow:hidden; font-size:0px; line-height:0px; width:100%;}
.clearfix{zoom:1}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.blk5,.blk10,.blk15,.blk20,.blk30,.blk60{clear:both; font-size:0px; width:100%; line-height: 0;}
.blk5{ height:5px;}.blk10{ height:10px;}.blk15{ height:15px;}.blk20{ height:20px;}.blk30{ height:30px;}.blk60{ height: 60px;}
.fl{ float:left} .fr{ float:right;}
/**/
::-webkit-scrollbar{width:7px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{/*background-color:black*/}
::-webkit-scrollbar-track-piece{/*background:#FFF*/}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:10px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#ff0044}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*Global frame page width*/
.wrap{ max-width:1280px; width:1280px\9; min-width:320px; box-sizing:border-box; margin:0px auto;}
.minwrap{ min-width:1280px; margin:0px auto;}
.maxwrap{ max-width:1280px; margin:0px auto;}
/*Reset select background color*/
::selection {background:#ff0044;color:#FFF;}
::-moz-selection {background:#ff0044;color:#FFF;}
::-webkit-selection {background:#ff0044;color:#FFF;}
/*table styles*/
table.redo{ border-collapse:collapse; border:0px; margin:0px; padding:0px;}
table.redo th{ border:#CCC 1px solid; padding:10px 10px; line-height:2;}
table.redo td{ border:#CCC 1px solid; padding:5px 10px; line-height:1.5;}
/*text box styles*/
.input-text, .textarea { padding:5px; border:#c8cacc 1px solid; background-color:#fff; -moz-box-shadow:1px 2px 5px #ebeaea inset; -webkit-box-shadow:1px 2px 5px #ebeaea inset; box-shadow:1px 2px 5px #ebeaea inset; *background:#fff url(img/input_txt_bg2.png) repeat-x;background:#fff url(img/input_txt_bg2.png) repeat-x\9; -wekit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; }
.input-text { vertical-align:middle; height:28px; line-height:28px; padding:0 5px; overflow:hidden; width:215px; }
/*full screen translucent div*/
.fixdiv{position:fixed; z-index:999999; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4F000000,endcolorstr=#4F000000); display:none;}
/*Pagination style*/
.page{ clear:both; display: flex; justify-content: center;}
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:30px;line-height:30px;text-align:center;letter-spacing:0;font-family:cursive;font-size:12px;}
.page_list a{ height:30px;display:inline-block;color:#000;border:1px solid #f0f0f0;background:#f8f8f8;text-align:center;padding:0 12px;margin:0 2px; font-family:cursive;}
.page_list a:hover,
.page_list a.on{color:#FFF;border:1px solid #ff0044;background:#ff0044;}
/*content pagination style*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:cursive;font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px; font-family:cursive;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}
/*previous page and next page */
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../icon/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../icon/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999; line-height:22px;}
.hidden{ display: none; }
/*mobie element is hide and show*/
.mobi-show{ display:none;}
.mobi-hide{ display:block;}
/*remove huaban plugs*/
#HUABAN_WIDGETS{ display:none;}
.headroom { transition: transform .25s ease-in-out; will-change: transform; }
.headroom--pinned { transform: translateY(0) }
.headroom--unpinned { transform: translateY(-100%) }
/**/
@-webkit-keyframes autozoom {
  0% { transform: scale(1);}
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.autozoom{ animation:autozoom 40s ease 1s infinite; }
/**/
#banner div {animation: pulse 20s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}